<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="/common/template :: header(~{::title},~{::link},~{::style})">
    <style>
        .layui-input-inline{
            margin-left: 20px;
            margin-right: 20px;
            margin-bottom: 70px;
        }
        .user-info-page .user-info{
            position: absolute;
            left: 0;
            width: 400px;
            height: 600px;
            border-right: 1px solid #cccccc;
            padding:0 20px;
        }
        .user-info-page .user-edit{
            position: absolute;
            left: 500px;
            right: 0;
            height: 600px;
            opacity: 0.7;
        }
    </style>
</head>
<body>
<div class="layui-form timo-compile user-info-page">
    <div class="user-info">
        <div id="echarts" style="width: 100%; height: 100%;">
        </div>
    </div>
    <div class="user-edit">
        <form th:action="@{/admin/quartz/job/editChild}">
            <input type="hidden" name="id" id="jobId" th:value="${id}"/>
            <div class="layui-form-item">
                <div class="layui-input-inline">
                    <input th:each="item:${list}" type="checkbox" name="childId" th:title="${item.jobName}"
                           th:value="${item.id}" th:checked="${#sets.contains(children, item.id)}" lay-skin="primary">
                </div>
            </div>
            <div class="layui-form-item timo-finally">
                <button class="layui-btn ajax-submit"><i class="fa fa-check-circle"></i> 保存</button>
                <a class="layui-btn btn-secondary close-popup"><i class="fa fa-times-circle"></i> 关闭</a>
            </div>
        </form>
    </div>
</div>
<script th:replace="/common/template :: script"></script>
<script type="text/javascript" th:src="@{/js/plugins/jquery-3.3.1.min.js}"></script>
<script type="text/javascript" th:src="@{/js/plugins/jquery.mousewheel.min.js}"></script>
<script th:src="@{/js/plugins/echarts.min.js}"></script>
<script th:src="@{/js/jobChildren.js}"></script>
</body>
</html>